<template>
<div class="demo">  
  <h2>你好我是demo组件！</h2> <br>
  
  使用调用父组件传递过来的方式的方式给父组件传递值：
  <button @click="sendData1">点我给父组件发送数据</button>
  <br><br>
  使用自定义事件的方式的方式给父组件传递值：
  <button @click="sendData2">点我给父组件发送数据</button>
</div>
</template>

<script>
  export default {
    name:'Demo',
    data(){
      return {
        name:'lyx'
      }
    },
    props:['test'],
    methods:{
      sendData1(){
        this.test('使用调用父组件传递过来的方式的方式给父组件传递值');
      },
      sendData2(){
        console.log(this);
        this.$emit('getdata','使用自定义事件的方式的方式给父组件传递值');
      },
    }
  }
</script>
<style>
    .demo{
      background-color:honeydew;
      padding: 10px;
    }
</style>